mamohoのＨＰ作成講座

YELLOW　その　1

● Yellow　（1）

黄色系の配色について考えてみましょう
今回は　背景色にしてみた場合のお話です

◆　背景色を薄い黄色に

薄めの　黄色系の背景に文字をのせてみました
左の背景色　#ffffcc
中の背景色　#ffff66
右の背景色　#eaff93

結構　いろいろな色に合いますね
白の背景と同じように　薄い文字色だと見えづらいと思います

◆　背景色をやや濃い目の黄色系に

やや濃い目の黄色系に　文字をのせてみました
左の背景色　　#ffff60
中の背景色　　##ffd555
右の背景色　　##d9de74

上の　背景色と　同じ文字色で書いてあります
いろんな色に合いますので　使いやすいと思います

◆　背景色を　濃い黄色系に

濃い黄色系の配色に　薄めの文字色をいれてみました
左の背景色　#848628
中の背景色　#846d31
右の背景色　#616921

やはり　濃い背景色には　薄い文字色がいいと思います
いろんな色を試してみて　見やすい色を探してみましょう